.comon_container {
  margin: 20px auto;
  background: #fff;
  border-radius: 4px;
  height: calc(100vh - 120px);
}

.common_header {
  background: #F9F9F9;
  padding: 18px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #ECF0F1;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.flex {
  display: flex;
}
.flex-wrap {
  display: flex;
  flex-wrap:wrap;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-align {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.search_box{
  padding:10px;
}
.search_item{
  margin-right:15px;
}
.search_label{
  min-width:60px;
  text-align:right;
  font-size:14px;
}
.table_box{
  padding:0 20px;
}
.p-20{
  padding:20px
}
.p-10{
  padding:10px
}
.p-15{
  padding:15px
}
.m-20{
  margin:20px
}
.m-10{
  margin:10px
}
.m-15{
  margin:15px
}

.el-table{
      /* border-radius: 6px; */
    margin-top: 18px;
    border: 1px solid #ECF0F1!important;
}